/* CSS Document */
[xn-ico]{display:inline-block;font-style:normal;background-image:url(img/btn-ico.png);background-repeat:no-repeat;}
[oc="o"] [xn-ico="logo"]{width:72px;height:28px;background-position:-206px -468px;margin-top:30.5px;}
[oc="c"] [xn-ico="logo"]{width:24px;height:24px;background-position:-41px -241px;margin-top:32.5px;}


[oc="o"] [xn-ico="on-off"]{width:26px;height:24px;background-position:0px -402px;margin-top:32.5px;margin-right:10px;}
[oc="o"] .on-off:hover [xn-ico="on-off"]{background-position:-40px -402px;}
[oc="c"] [xn-ico="on-off"]{width:26px;height:24px;background-position:0px -442px;margin-top:32.5px;}
[oc="c"] .on-off:hover [xn-ico="on-off"]{background-position:-40px -442px;}

[xn-ico="nl-1"]{width:26px;height:26px;background-position:0px 0px;margin-right:20px;float:left;}
[oc="o"] [xn-ico="nl-1"]{margin-left:36px;}
[oc="o"] li:hover [xn-ico="nl-1"]{background-position:-40px 0px;}
[oc="c"] [xn-ico="nl-1"]{margin-left:28px;}
[oc="c"] li:hover [xn-ico="nl-1"]{background-position:-40px 0px;}
[xn-ico="nl-2"]{width:26px;height:26px;background-position:0px -40px;margin-right:20px;float:left;}
[oc="o"] [xn-ico="nl-2"]{margin-left:36px;}
[oc="o"] li:hover [xn-ico="nl-2"]{background-position:-40px -40px;}
[oc="c"] [xn-ico="nl-2"]{margin-left:28px;}
[oc="c"] li:hover [xn-ico="nl-2"]{background-position:-40px -40px;}
[xn-ico="nl-3"]{width:26px;height:26px;background-position:0px -80px;margin-right:20px;float:left;}
[oc="o"] [xn-ico="nl-3"]{margin-left:36px;}
[oc="o"] li:hover [xn-ico="nl-3"]{background-position:-40px -80px;}
[oc="c"] [xn-ico="nl-3"]{margin-left:28px;}
[oc="c"] li:hover [xn-ico="nl-3"]{background-position:-40px -80px;}
[xn-ico="nl-4"]{width:26px;height:26px;background-position:0px -120px;margin-right:20px;float:left;}
[oc="o"] [xn-ico="nl-4"]{margin-left:36px;}
[oc="o"] li:hover [xn-ico="nl-4"]{background-position:-40px -120px;}
[oc="c"] [xn-ico="nl-4"]{margin-left:28px;}
[oc="c"] li:hover [xn-ico="nl-4"]{background-position:-40px -120px;}
[xn-ico="nl-5"]{width:26px;height:26px;background-position:0px -160px;margin-right:20px;float:left;}
[oc="o"] [xn-ico="nl-5"]{margin-left:36px;}
[oc="o"] li:hover [xn-ico="nl-5"]{background-position:-40px -160px;}
[oc="c"] [xn-ico="nl-5"]{margin-left:28px;}
[oc="c"] li:hover [xn-ico="nl-5"]{background-position:-40px -160px;}
[xn-ico="nl-6"]{width:26px;height:26px;background-position:0px -200px;margin-right:20px;float:left;}
[oc="o"] [xn-ico="nl-6"]{margin-left:36px;}
[oc="o"] li:hover [xn-ico="nl-6"]{background-position:-40px -200px;}
[oc="c"] [xn-ico="nl-6"]{margin-left:28px;}
[oc="c"] li:hover [xn-ico="nl-6"]{background-position:-40px -200px;}

[xn-ico="gwc"]{width:22px;height:20px;margin-top:1px;background-position:-2px -283px;float:left;margin-right:8px;}
.gwc:hover [xn-ico="gwc"]{background-position:-42px -283px;}


/*[xn-ico="logo"]:before{content:"logo";}
[xn-ico="logo"]:before{content:"logo";}*/

/*图标组件使用ico属性，根据font,重新调整content内容*/
/*左上logo*/
[oc="o"] [ico="logo"]:before{content:"贤牛";color:#302f34;}
[oc="c"] [ico="logo"]:before{content:"贤";color:#3b7cf4;}
/*左下展开收起*/
[oc="o"] [ico="on-off"]:before{content:"<";padding-right:10px;font-size:26px;}
[oc="o"] [ico="on-off"]:after{content:"收起";font-size:18px;}
[oc="c"] [ico="on-off"]:before{content:">";font-size:26px;}
[ico="on-off"]:hover{color:#3074f2;}


[ico="nt-gw"]:before{content:"$";color:#ff6700;}


/*图标组件，设置属性ico-type*/
[ico-type]{display:inline-flex;}
/*文件类型图标 ico-type 属性ft-开头 
<span ico-type="ft-word"><i></i></span>
*/
[ico-type^="ft-"]{width:36px!important;height:40px!important;background-image:url(img/btn-ico.png);background-repeat:no-repeat;}
[ico-type="ft-word"]{background-position:-80px 0px;}
[ico-type="ft-wps"]{background-position:-80px -50px;}
[ico-type="ft-txt"]{background-position:-80px -100px;}
[ico-type="ft-xls"]{background-position:-80px -150px;}
[ico-type="ft-jpg"]{background-position:-80px -200px;}
[ico-type="ft-png"]{background-position:-80px -250px;}
[ico-type="ft-ppt"]{background-position:-80px -300px;}
[ico-type="ft-pdf"]{background-position:-80px -350px;}
[ico-type="ft-rar"]{background-position:-80px -400px;}
[ico-type="ft-eml"]{background-position:-80px -450px;}

[ico-type^="nl-"]{width:26px!important;height:26px!important;background-image:url(img/btn-ico.png);background-repeat:no-repeat;}
[ico-type="nl-1"]{background-position:0px 0px;}
[ico-type="nl-2"]{background-position:0px -40px;}
[ico-type="nl-3"]{background-position:0px -80px;}
[ico-type="nl-4"]{background-position:0px -120px;}
[ico-type="nl-5"]{background-position:0px -160px;}
[ico-type="nl-6"]{background-position:0px -200px;}
[ico-type="nl-7"]{background-position:0px -240px;}
.ac>[ico-type="nl-1"],a:hover>[ico-type="nl-1"]{background-position:-40px 0px;}
.ac>[ico-type="nl-2"],a:hover>[ico-type="nl-2"]{background-position:-40px -40px;}
.ac>[ico-type="nl-3"],a:hover>[ico-type="nl-3"]{background-position:-40px -80px;}
.ac>[ico-type="nl-4"],a:hover>[ico-type="nl-4"]{background-position:-40px -120px;}
.ac>[ico-type="nl-5"],a:hover>[ico-type="nl-5"]{background-position:-40px -160px;}
.ac>[ico-type="nl-6"],a:hover>[ico-type="nl-6"]{background-position:-40px -200px;}
.ac>[ico-type="nl-7"],a:hover>[ico-type="nl-7"]{background-position:-40px -240px;}

[ico-type^="nt-"]{width:26px!important;height:26px!important;background-image:url(img/btn-ico.png);background-repeat:no-repeat;}
[ico-type="nt-1"]{background-position:0px -280px;}
[ico-type="nt-2"]{background-position:0px -320px;}
[ico-type="nt-3"]{background-position:0px -360px;}
[ico-type="nt-ud"]{background-position:-130px 0px;width:10px!important;height:6px!important;}
.ac>[ico-type="nt-1"],.gw:hover>[ico-type="nt-1"]{background-position:-40px -280px;}
.ac>[ico-type="nt-2"],.fy:hover>[ico-type="nt-2"]{background-position:-40px -320px;}
.ac>[ico-type="nt-3"],.xx:hover>[ico-type="nt-3"]{background-position:-40px -360px;}
.ac>[ico-type="nt-ud"],.fy:hover>[ico-type="nt-ud"],.yh:hover>[ico-type="nt-ud"]{background-position:-160px 0px;width:10px;}
